<template>
  <div>
      <nuxt-link to='/rtb'>跳啊</nuxt-link>
      <div id="container"></div>
  </div>
</template>

<script>
// 如果将代码直接写在script标签中，那么当代码解析的时候，页面还没有存在，会造成window无法解析的错误
// 所以我们需要在页面加载完之后才运行这块代码，那么就可以将代码添加到mounted钩子函数中
export default {
  mounted() {
    window.onLoad = function () {
      var map = new AMap.Map("container", {
        zoom: 30, //级别
        center: [113.427912,23.129489], //中心点坐标
        pitch:75,
        viewMode: "3D", //使用3D视图
      });
    };
    var url =
      "https://webapi.amap.com/maps?v=1.4.15&key=b867e871a9ef0b8e00b8814341fa1c99&callback=onLoad";

    var jsapi = document.createElement("script");
    jsapi.charset = "utf-8";
    jsapi.src = url;
    document.head.appendChild(jsapi);
  },
};
</script>

<style>
#container {
  width: 800px;
  height: 680px;
}
</style>